<template>
  <div id="home">
    <el-container >
<!--   头部   -->
      <el-header id="header">
<!--        <el-avatar style=" margin-top: 10px; float: right" size="medium" src="https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png"></el-avatar>-->
        <NavMenu></NavMenu>
      </el-header>
<!--   主体   -->
      <el-main id="main"><router-view></router-view></el-main>
<!--   下方   -->
      <el-footer>Footer</el-footer>
    </el-container>
  </div>
</template>

<script>
import NavMenu from "@/components/NavMenu";

export default {
  name: 'Home',
  components: {
    NavMenu
  }
}
</script>
<style scoped>
*{
  padding: 0;
  margin: 0;
}
#home{


}
#header{
  padding: 0;
  margin: 0;
  text-align: center  ;
}
#main{
  width: 1200px;
  padding: 20px 0;margin: 0 auto;
}
/*.el-header, .el-footer {*/
/*  background-color: #B3C0D1;*/
/*  color: #333;*/
/*  text-align: center;*/
/*  line-height: 60px;*/
/*}*/
/*.el-main {*/
/*  background-color: #E9EEF3;*/
/*  color: #333;*/
/*  text-align: center;*/
/*  line-height: 160px;*/

/*}*/
</style>
